<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/>
<title>Super slick jQuery menu with CSS3</title>
<link rel="stylesheet" type="text/css" href="css/slickmenu.css"/>
<script type="text/javascript" src="js/jquery-1.4.3.js"></script>
<script type="text/javascript" src="js/jquery.jslickmenu.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<div id="wrapper">
	<h1>Super slick jQuery menu with CSS3</h1>
	<p>The menu that you see below is a very fancy one and showing some great use of <a href="http://www.jquery.com/" title="jQuery">jQuery</a> and <a href="http://www.css3.info/" title="CSS3">CSS3</a>.</p>
	<p>Techniques like these kinda make <a href="http://www.adobe.com/flash/" title="Adobe Flash">Flash</a> obsolete and was created by <a href="http://www.marcofolio.net/" title="Visit Marcofolio">Marcofolio.net</a>.</p>
	<div id="menu">
		<ul>
			<li><a href="http://www.marcofolio.net/webdesign/a_fancy_apple.com-style_search_suggestion.html">
				<img src="images/item-01.jpg" alt="A fancy Apple.com-style search suggestion" />
			</a></li>
			<li><a href="http://www.marcofolio.net/webdesign/creating_a_polaroid_photo_viewer_with_css3_and_jquery.html">
				<img src="images/item-02.jpg" alt="Creating a polaroid photo viewer with CSS3 and jQuery" />
			</a></li>
			<li><a href="http://www.marcofolio.net/webdesign/the_iphone_contacts_app_with_css_and_jquery.html">
				<img src="images/item-03.jpg" alt="The iPhone Contacts App with CSS and jQuery" />
			</a></li>
			<li><a href="http://www.marcofolio.net/webdesign/20_wicked_proof_of_concepts_for_better_use_of_jquery_css.html">
				<img src="images/item-04.jpg" alt="20+ Wicked Proof of Concepts for Better use of jQuery/CSS" />
			</a></li>
			<li><a href="http://www.marcofolio.net/inspiration/the_very_best_from_the_behance_network.html">
				<img src="images/item-05.jpg" alt="The very best from the Behance Network" />
			</a></li>
		</ul>
	</div>
	<p>This is just another one of those crazy Proof of Concepts that could be used when CSS3 will be an actual web standard. Sadly, only browsers that support the <code>-webkit</code> prefix in CSS (Safari and Chrome) show the full effect of this technique.</p>
	<p>Firefox only displays the rounded corners (<code>-moz-border-radius</code>) and Internet Explorer.. Well, you'll have to see it for yourself. Strangely, Opera doesn't really like this technique and displays the effect a whole other way.</p>
	<p>I apologize for the &quot;ugly&quot; background. It just shows the neat fade out effect better.</p>
</div>
</body>
</html>